
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Address Book</title>
<link href="UniversalStyleSheet.css" rel="stylesheet" type="text/css" />


<script type="text/javascript">
function ChangeContact_click()
{
	ad=document.getElementById("AddDisplay")
	ae=document.getElementById("AddEmail")
	l=document.getElementById("list")
	if (ad.value !="" || ae.value !="")
		{
		window.location.href="addressbook.asp?action=changecontact&adddisplay=" + ad.value + "&addemail=" + ae.value + "&sendback=fTo&val=" + l.value
		}
	else
		{
		alert ("Both 'Display Name' and 'Email Address' must have something in them  in order to change a contact.")
		}
}
</script>
<script type="text/javascript">
function AddContact_click()
{
	ad=document.getElementById("AddDisplay")
	ae=document.getElementById("AddEmail")
	l=document.getElementById("list")
	if (ad.value !="" || ae.value !="")
		{
		window.location.href="addressbook.asp?action=addcontact&adddisplay=" + ad.value + "&addemail=" + ae.value + "&sendback=fTo&val=" + l.value
		}
	else
		{
		alert ("Both 'Display Name' and 'Email Address' must be completed in order to add a new contact.")
		}
}
</script>

<script type="text/javascript">
function BtnAdd_Click()
{
	c=document.getElementById("contacts")
	l=document.getElementById("list")
	lv=l.value
	if (c.selectedIndex != -1)
		{
		if (lv=="")
			{
			lv=c.options[c.selectedIndex].text
			}
		else
			{
			lv=lv + ";" + c.options[c.selectedIndex].text
			}
		}
	l.value=lv
	
}
</script>
<script type="text/vbscript">
function Contacts_change()
	set d=document.getElementById("AddDisplay")
	set e=document.getElementById("AddEmail")
	set c=document.getElementById("contacts")
	d.value=c.options(c.selectedIndex).value
	e.value=c.options(c.selectedIndex).id
end function
</script>
</head>

<body>
<table width="550" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20" height="20" background="Images/TableUpperLeft.png">&nbsp;</td>
    <td width="510" height="20" background="Images/TableUpperMiddle.png">&nbsp;</td>
    <td width="20" height="20" background="Images/TableUpperRight.png">&nbsp;</td>
  </tr>
  <tr>
    <td width="20" background="Images/TableMiddleLeft.png">&nbsp;</td>
    <td bgcolor="#FFFFFF"><form id="AddrBookForm" name="AddrBookForm" method="post" action="">
      <table width="510" border="0" cellpadding="0" cellspacing=" 1" bgcolor="#009900">
        <tr>
          <td width="51" align="left" valign="top" bgcolor="#FFFFFF" class="ResultsAddress">Contacts</td>
          <td width="142" align="left" valign="top" bgcolor="#FFFFFF" class="ResultsAddress">
		  	<select name="Contacts" size="10" id="Contacts" onchange="Contacts_change()" >
		  	
				<option value="Kelly Draper" id="brian.k.draper@xcelenergy.com">Kelly Draper</option> 
				
				<option value="Scott Hollingshead" id="scott.r.hollingshead@xcelenergy.com">Scott Hollingshead</option> 
				
          	</select>
			</td>
          <td width="41" align="center" valign="middle" bgcolor="#FFFFFF" class="ResultsAddress"><input name="BtnAdd" type="button" class="buttons" id="BtnAdd" value="  &gt;  " onclick="javascript: BtnAdd_Click()" /></td>
          <td width="221" align="left" valign="middle" bgcolor="#FFFFFF" class="ResultsName">
		  To:<br />
		  <textarea name="List" cols="30" rows="8" id="List"></textarea></td>
        </tr>
        <tr>
          <td colspan="4" align="right" valign="top" bgcolor="#FFFFFF" class="ResultsAddress"><img src="Images/OKButton.png" alt="OK" width="60" height="30" border="0" /></td>
          </tr>
        <tr>
          <td colspan="4" align="right" valign="top" bgcolor="#D2FFD2" class="ResultsAddress">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="3" align="left" valign="top" bgcolor="#FFFFFF" class="ResultsAddress">Add / Change A Contact:<br />
            <br />
            Display Name<br />
            <input name="AddDisplay" type="text" id="AddDisplay" size="25" />
            <br /> <br />
            Email Address<br />
            <input name="AddEmail" type="text" id="AddEmail" size="25" />
			</td>
          <td align="left" valign="bottom" bgcolor="#FFFFFF" class="ResultsAddress"><input name="BtnAdd" type="button" class="buttons" id="BtnAdd" value=" Add " onclick="AddContact_click()"/>
            <input name="BtnChange" type="button" class="buttons" id="BtnChange" value="Change" onclick="ChangeContact_click()"/></td>
        </tr>
      </table>
    </form>
    </td>
    <td width="20" background="Images/TableMiddleRight.png">&nbsp;</td>
  </tr>
  <tr>
    <td width="20" height="20" background="Images/TableLowerLeft.png">&nbsp;</td>
    <td width="460" height="20" background="Images/TableLowerMiddle.png">&nbsp;</td>
    <td width="20" height="20" background="Images/TableLowerRight.png">&nbsp;</td>
  </tr>
</table>

</body>
</html>



